.header{
  height:5rem;
  background:#fff;
  border-bottom:1px solid #e5e5e5;
  li{
    height:5rem;
    //line-height: 5rem;
    float:left;
    >a,>a.active,>a:hover,>a:link,>a:visited{
      display: inline-block;
      width:100%;
      height:100%;
      text-align: center;
      color:#333333;
    }
  }
  .line-height{
    line-height: 5rem;
  }
}
.body{
  height:7rem;
  background:#fff;
  border-bottom:1px solid #e5e5e5;
  >ul{
    >li{
      height:7rem;
      float:left;
      img{
        width:75px;
        height:75px;
      }
    }
    .d3{
      >div{
        height:3.5rem;
        >.count{
          float:right;
          height:30px;
          width:120px;
          border:1px solid #cccccc;
          border-radius:4px;
          text-align: center;
          margin-right:10px;
          input{
            width:38px;
            height:28px;
            text-align: center;
            border:1px solid #cccccc;
            border-top:transparent;
            border-bottom:transparent;
          }
          a{
            width:35px;
            font-size: 1.8rem;
            color:#666666;
          }
        }
      }
    }
  }
}
footer{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
}
.footer{
  height:5rem;
  background:#fff;
  border-top:1px solid #e5e5e5;
  >ul{
    >li {
      height: 5rem;
      float: left;
      padding-top:1rem;
    }
  }
}
//复选框按钮--checkbox的变化
.u4-input{
  width:25px;
  height:25px;
  margin-top:15px;
  border:1px solid #9fa3b6;
  border-radius:50%;
  text-align: center;
  padding-top:4px;
  span{
    color:#fff;
    font-size:14px;
    z-index: 100;
  }
  >.u4-i1{
    visibility: hidden;
  }
}
.on-checked{
  background:#38adff;
}
//复选框按钮--checkbox的变化end
.shop-ul{
  text-align: center;
  margin-top: 7rem;
  font-size:1.8rem;
  color:#999999;
  img{
    width:200px;
  }
}
.bg3{
  background:#f0f0f6;
}